
import React, { Component } from 'react';
class Parent10 extends Component {
    state = {}
    render() {
        return (<div>
            <Child10 pageSize={15}></Child10>
        </div>);
    }
}

export default Parent10;

// 假如这个组件就是一个分页组件，那么如果外面在调用这个组件的时候没有传入一个页容量(pageSize)，默认就10条
// 健壮性
class Child10 extends Component {
    state = {}
    render() {
        return (<div>
            页容量：{ this.props.pageSize}
        </div>);
    }
}

// 给Child10这个组件中的props中的pageSize属性进行默认值设定
Child10.defaultProps = {
    pageSize: 10
}
